<!-- directive:title 能控制状态的提交按钮 -->
<!-- directive:breadcrumb 提交按钮 -->
<div class="panel-body">
    <div class='panel panel-default'>
        <div class='panel-heading'> 特开发指令 </div>
        <div class='panel-body'>
            <article class="docs-content">
                <p>由于<code>ng-submit</code>用来将表达式同onsubmit事件进行绑定,不能用 重新起名叫ngSubmitBtn。</p>
                <p>1 阻止默认行为（发送请求并重新加载页面）。</p>
                <p>2 实现 保存按钮 disabled效果以及不能连点两次</p>
                <p>param = {{ form.param }} (传参测试)</p>
                <p>form.submited = {{ form.submited }} (表单校验控制)</p>
                <p>form.ajax = {{ form.ajax }} (接口请求)</p>
                <p>
                    <button type="button" class="btn btn-danger" ng-submit-btn="submitfun(1,2,3)">保存</button>
                    <button type="button" class="btn btn-success" ng-submit-btn="submitfun2()">保存</button>
                    <button type="button" class="btn btn-success" ng-submit-btn="submitfun2()">保存</button>
                    <button type="button" class="btn btn-success" ng-submit-btn="submitfun2()">保存</button>
                    <button type="button" class="btn btn-success" ng-submit-btn="submitfun2()">保存</button>
                </p>
            </article>
            <script type="text/xianjs" ui-bs>
                <button type="button" class="btn btn-danger" ng-submit-btn="submitfun(1,2,3)">保存</button>
            </script>
            <style type='text/css' ui-bs>
                @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
                @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
                .loadingbtn[disabled] { color: #bbb; cursor: not-allowed; }
                .loadingbtn[disabled] .loadingicon { border-radius: 50%; width: 10px; height: 10px; display: inline-block; border: 2px solid #ddd; border-top-color: #333; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.3, 0.1, 0.3, 0.85); animation-timing-function: cubic-bezier(0.3, 0.1, 0.3, 0.85); }
            </style>
        </div>
    </div>
</div>


